﻿body
{
    font-family: Arial, Helvetica, sans-serif;
    background-repeat: no-repeat;
}

#MainDiv
{
    
    /*width:100%;
    background-color:Transparent ;
    position:inherit;*/
}

#loader
{
    text-align: center;
    padding-top: 300px;
    margin-left:auto;
    margin-right:auto;
    
}


#OutBox
{
    text-align: center;
    background-position: center;
    height: 310px;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top:60px;
    background: url(../img/BG_Out2.png);
    background-repeat: no-repeat;
}

#SelectProjectBox
{
    
    color: White;
    font-size:larger ;
    text-align: center;
    background-position: center;
    height: 310px;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top:60px;
    background: url(../img/BG_blue.png);
    background-repeat: no-repeat;
}

#LogFile
{
    text-align: center;
    background-position: center;
    height: 620px;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top:60px;
    background: url(../img/BG_Log.png);
    background-repeat: no-repeat;
}

#LogFile iframe
{
    width:650px;
    margin-left:auto;
    margin-right:auto;
    height:580px;
    border-color:#000011;
    margin-top:10px;
}



img
{
    border:0;
}

#AddNewFile
{
    text-align: center;
    color: White;
    font-size:larger ;
    background-position: center;
    height: 310px;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top:60px;
    background: url(../img/BG_green.png);
    background-repeat: no-repeat;
}

#Result
{
    font-size:x-small;
}

#NotifyaFile
{
    text-align: center;
    color: White;
    font-size:larger ;
    background-position: center;
    height: 310px;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top:60px;
    background: url(../img/BG_green.png);
    background-repeat: no-repeat;
}

#InBox
{
    text-align: center;
    background-position: center;
    height: 310px;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    background: url(../img/BG_In2.png);
    background-repeat: no-repeat;
}

#bordure_gauche
{
    float:left;
    background-position: url(../img/BordureGauche2.png);
    height: 600px;
    width: 150px;
    position: absolute;
    left: -200px;
    top:60px;
    background: url(../img/BordureGauche2.png);
    background-repeat: no-repeat;
}

#bordure_droite
{
    float:right ;
    background-position: url(../img/BordureDroite2.png);
    height: 600px;
    width: 150px;
    position: absolute;
    right: -200px;
    top:60px;
    background: url(../img/BordureDroite2.png);
    background-repeat: no-repeat;
}

.checkboxes
{
    text-align:left;
    font-size:x-small;
}



/* tooltip */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('../img/shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('../img/shadow2.png');
	padding-top: 5em;
	height: 80px;
	margin-left: 8em;
}
#tooltip.fancy.viewport-right {
	background: url('../img/shadow2-reverse.png');
	margin-left: 0em;
}

#tooltip.fancy.viewport-bottom {
	background: url('../img/shadow2-bott.png');
	margin-left: 8em;
	height: 90px;
	padding-top: 3em;
}

#tooltip.fancy.viewport-bottom-right {
	background: url('../img/shadow2-reverse-bott.png');
	margin-left: 0em;
	height: 90px;
	padding-top: 3em;
}

#extended { margin: 2em 0; }
#extended label { text-decoration: underline; }
#yahoo { width: 7em; }
#right, #right2 { text-align: right; }
#tooltip.right { width: 250px; }
#fancy2 { float: right; }